// 创建食物类
class Food{
    foodBox:HTMLElement
    constructor(){
        // 创建食物，!表示断言，表示这个元素一定存在
        this.foodBox = document.querySelector("#food")! 
    }

    // 获取食物的坐标
    get X(){
        return this.foodBox.offsetLeft
    }

    get Y(){
        return this.foodBox.offsetTop
    }

    // 生成随机坐标
    changFood(){
        // 随机生成一个随机坐标
        let left =Math.round(Math.random()*29)*10  //x轴最小0 ，最大是290，每次移动是10,round四舍五入,既能取到0，也能取到29
        let top =Math.round(Math.random()*29)*10  //y轴最小0，最大是290，每次移动是10,round四舍五入,       
        this.foodBox.style.left = left + "px"
        this.foodBox.style.top = top + "px" 
    }
}

export default Food;

// 测试食物是否完成
// let food = new Food()
// food.changFood()
// console.log(food.X, food.Y);